<template>
  <el-row>
    <el-col :span="6">
      <el-breadcrumb separator-class="el-icon-arrow-right" class="breadCrumb">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>活动管理</el-breadcrumb-item>
        <el-breadcrumb-item>活动列表</el-breadcrumb-item>
        <el-breadcrumb-item>活动详情</el-breadcrumb-item>
      </el-breadcrumb>
    </el-col>
    <el-col :span="6" :offset="12" style="text-align: right">
      <el-dropdown>
        <span class="el-dropdown-link">
          admin<i class="el-icon-arrow-down el-icon--right"></i>
        </span>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item>黄金糕</el-dropdown-item>
          <el-dropdown-item>狮子头</el-dropdown-item>
          <el-dropdown-item>螺蛳粉</el-dropdown-item>
          <el-dropdown-item disabled>双皮奶</el-dropdown-item>
          <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
      <el-image class="head-pic" :src="img"></el-image>
    </el-col>
  </el-row>
</template>

<script>
import img from "@/assets/imgs/head-pic.png"
export default {
    data(){
      return {
        img
      }
    }
};
</script>

<style scoped lang="less">
  .breadCrumb{
    line-height: 60px;
  }
  .head-pic {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin: 5px 0 5px 10px;
  }
</style>